HTML underused Tags
<meter></meter>
<progress></progress>
<output></output>
<datalist id="slider-marks">
<option value="0"> 0 </option>
<option value="20"> 20 </option>
<option value="50"> 50 </option>
<option value="70"> 70 </option>
<option value="100"> 100 </option>
</datalist>
accessable pop ups with overlay (a little bit of ReacJS sorry)
<style>
dialog::backdrop{
background-color: hsl(200, 100%, 50%, 0.5)
}
</style>
<button data-open-modal> Open </button>
<dialog ref={modal}>
<p>this is a modal</p>
<button data-close-modal > Close </button>
</dialog>
<script>
modal.current.showModal()
modal.current.close()
</script>